@charset "utf-8";
html, body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}
[v-cloak] {
     display: none;
}
img{
    object-fit: cover;
}
html, body {
    height: auto;
    min-height: 100%;
}
button:active{
    opacity: 0.8;
}
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	word-wrap:break-word;
}
.blur{
	filter:blur(30px) contrast(1.2);
}
::-webkit-scrollbar {
    width: 0px;
    height: 0;
}
body {
    background-color: #F9F9F9;
    color: #000;
    font-family: "Microsoft Yahei", tahoma, arial;
    font-size: 14px;
}

li {
    list-style: none
}

a {
    color: #2c2c2c;
    text-decoration: none;
    outline: none;
}

i, em, b {
    font-style: normal;
}

ul, li, p {
    margin: 0px;
    padding: 0px;
    color: #000
}

input {
    width: 100%
}


input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;
}

input, select, textarea, button {
    border: 0px;
    padding: 0px;
    background-color: transparent;
    outline: none;
    font-family: "Microsoft Yahei", tahoma, arial;
}

input[type=date], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea {
    border: none;
    padding: 0;
    background-color: transparent;
    outline: none;
}
textarea {
    resize: none;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

textarea::-webkit-input-placeholder {
    color: #ccc;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}


/** 清除浮动 **/
.clearfix{overflow:auto;_height:1%}
.disbox {
    display: -webkit-box;
    display: -moz-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.disflex {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: block
}

.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Line2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    word-break: break-all;
}

input[type=submit]:enabled:active {
    color: #fff;
    border: 1px solid #FE2D3C;
    background-color: #FE2D3C
}
#container{
    padding:0 0.3rem;
}
.plr30{
  padding:0 0.3rem;
}
.loadFull{
	padding: 0 4%;
	position:relative;
  height:100vh;
}
.loadFull.white{
  background:#FFF;
}
.loadFull .loadLayer{
  top:calc(45% - 5px);
}
.minHeightFull{
	padding:0.7rem 0;
    min-height:4rem;
    position:relative;
}
.loadLayer {
	width: 57px;
	position: absolute;
	z-index: 98;
	top: calc(50% + 5px);
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}

.loadLayer span {
	display: inline-block;
	width: 8px;
	height: 100%;
	border-radius: 4px;
	background: #6b41e1;
	-webkit-animation: loads 1.04s ease infinite;
}

@-webkit-keyframes loads {

	0%,
	100% {
		height: 10px;
		background:#ff7d76;
	}

	50% {
		height: 30px;
		margin-top: -20px;
		background:#ff817a;
	}
}

.loadLayer span:nth-child(2) {
	-webkit-animation-delay: 0.13s;
}

.loadLayer span:nth-child(3) {
	-webkit-animation-delay: 0.26s;
}

.loadding span:nth-child(4) {
	-webkit-animation-delay: 0.39s;
}

.loadLayer span:nth-child(5) {
	-webkit-animation-delay: 0.52s;
}





.task li{
  position:relative;
  display: block;
  padding-top:0.6rem;
  padding-bottom:0.6rem;
}
.task li:active{
    opacity: 0.7;
}
.task li .icon{
  float:left;
  width:1.2rem;
  height:1.2rem;
  background:url('../image/public/defultIcon.png')no-repeat center center;
  background-size:100% 100%;
  border-radius:50%;
  overflow:hidden;
}
.task li .icon img{
  display:block;
  width:101%;
  height:101%;
  margin:-0.5%;
}
.task li .info{
  float:left;
  width:calc(100% - 1.2rem);
  padding-left:0.4rem;
}
.task li .task_title{
  height:0.4rem;
  line-height:0.4rem;

}
.task li .task_title h3{
  color:#2f2f2f;
  font-size:0.3rem;
  font-weight:normal;
  padding-right:0.2rem;
}
.task li .task_title b{
  color:#F30;
  font-size:0.33rem;
  font-weight:normal
}
.task li .tags{
  overflow-x: auto;
  list-style: none;
  display: -webkit-box;
  white-space:nowrap;
  width: 100%;
  line-height:0.45rem;
  margin-top:0.3rem;
  -webkit-overflow-scrolling: touch;
}
.task li .tags::-webkit-scrollbar {
  display: none;
}
.task li .li{
   margin-right: 0.2rem;
   display: inline-block;
   border: 1px solid #f3f3f3;
   color: #a1a1a1;
   padding: 0px 11px;
   border-radius:0.05rem;
   font-size:0.25rem;
}
.task li .grade{
  margin-right: 0.2rem;
  display: inline-block;
  color: #a1a1a1;
  font-size:0.25rem;
}
.task li .grade img{
  width:0.32rem;
  height:0.32rem;
  margin-right:0.2rem;
  vertical-align: middle;
  margin-top:-0.05rem;
}
.task li .top{
  position: absolute;
  left: 0;
  top: 0.3rem;
  background: #FF7633;
  color: #FFF;
  width: 0.4rem;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size:0.22rem;
  border-radius: 0px 0px 0.07rem 0.07rem;
}
.task li .progress{
  position: absolute;
  left: 0;
  bottom: 0;
  background: #F6F6F6;
  width:100%;
  height:0.04rem;
  overflow:hidden;
  border-radius:1rem;
}
.task li .progress .over{
  position: absolute;
  top: 0;
  left: 0;
  background: #aee096;
  height: 100%;
  transition: 0.2s all;
}
.task .whiteBg{
  position:relative;
}
.task .whiteBg:after{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,0.4);
  z-index:1;
  content:" ";
}

.loadText{
  text-align:center;
  padding:0.3rem 0;
}
.loadText .over{
  font-size:0.28rem;
  color:#c9c9c9;
  line-height: 0.4rem;
}
.loadText .weui-loadmore{
  width: 65%;
  text-align: center;
  font-size:0.28rem;
  margin:0 auto;
  line-height: 0.4rem;
}
.loadText .weui-loadmore .weui-loadmore__tips{
  display: inline-block;
  vertical-align: middle;
  color:#c9c9c9;
}
.loadText .weui-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: loadIcon 1s steps(12, end) infinite;
    animation: loadIcon 1s steps(12, end) infinite;
    background: transparent url('../image/icons/load.svg') no-repeat;
    background-size: 100%;
}
@-webkit-keyframes loadIcon {
    0% {transform: rotate3d(0, 0, 1, 0deg);}
    100% {transform: rotate3d(0, 0, 1, 360deg);}
}
@keyframes loadIcon {
    0% {transform: rotate3d(0, 0, 1, 0deg);}
    100% {transform: rotate3d(0, 0, 1, 360deg);}
}
.se-loading {
  height: 73px;
  width: 73px;
  overflow: hidden;
  text-align: center;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

.se-loading::before {
  content: ' ';
  display: inline-block;
  background:url(../image/public/logoWhite.png);
  height: 100%;
  background-size:100%;
  width: 100%;
}
.se-loading::after {
  content: ' ';
  display: inline-block;
  position: relative;
  height: 100%;
  width: 9px;
  top: -100%;
  left: -78px;
  background-color: rgba(255,255,255,.5);
  transform: skew(20deg);
  -webkit-transform: skew(20deg);
  /*animation: 1s loadingframe infinite;
  -webkit-animation: 1s loadingframe infinite;*/
}
@-webkit-keyframes loadingframe{0%{left:-78px}100%{left:73px}}
@keyframes loadingframe{0%{left:-78px}100%{left:73px}}


.m-no{
    padding:0.5rem 0;
}
.m-no .u-img{
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    background: url(../image/public/noData.png) no-repeat center center;
    background-size: contain;
}
.m-no .u-spec{
    font-size: 0.29rem;
    line-height:2rem;
    text-align: center;
    color: #989898;
}
.ftitle{
  font-weight:bolder;
  color:#000;
  font-size:0.31rem;
  position:relative;
  height:0.68rem;
  line-height:0.5rem;
}
.ftitle:after{
  content:" ";
  position:absolute;
  bottom:0;
  left:0;
  width:0.4rem;
  height:0.07rem;
  border-radius:1rem;
  background:#FFAC5E;
}
.public-button{
  background:linear-gradient(to right,#ff2626 0%,#fd6e1f 70%);
  border:0;
  border-radius:0.05rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  padding:0;
  width:100%;
  display: block;
  margin:0;
  font-size:0.36rem;
  color:#FFF;
  outline: none;
}
.public-button:active{
  opacity: 0.8;
}

.user-content *{
  font-weight:300;
}
.user-content{
  padding:0px 3%;
}
.user-back{
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  margin-top:0.2rem;
  margin-bottom:0.6rem;
  padding-top:0.175rem;
}
.user-back img{
  display: block;
  height:0.35rem;
}
.user-title{
  font-size:0.5rem;
  margin-bottom:0.5rem;
  color:#000;
  height:0.6rem;
  line-height:0.6rem;
}
.user-input{
  margin-bottom:0.4rem;
  border-bottom:1px solid #F6F6F6;
  position:relative;
  height:1.15rem;
}
.user-input input{
  font-size:0.32rem;
  padding:0.25rem 0;
  height:1.15rem;
  line-height:0.65rem;
  width:100%;
  display: block;
}
.user-input input::-webkit-input-placeholder {
  color: #c5c5c5;
}
.user-input .passIcon{
  height:0.35rem;
  position:absolute;
  right:0;
  top:calc((1.15rem - 0.35rem) / 2);
}
.user-input .passIcon.close{
  height:0.23rem;
  top:calc((1.15rem - 0.23rem) / 2 + 0.1rem);
}
.user-input .codeBtn{
  position:absolute;
  right:0;
  top:0;
  height:1.15rem;
  line-height:1.15rem;
  font-size:0.29rem;
  color:#4a9fff;
}
.user-btn{
  margin-top:1.2rem;
}
.user-other-btn{
  font-size:0.3rem;
  line-height:0.5rem;
  height:0.5rem;
  margin-top:0.3rem;
}
.user-other-btn .left{
  float:left;
  color: #b3b3b3;
}
.user-other-btn .right{
  float:right;
  color: #b3b3b3;
}

.user-footer{
  padding-top:0.6rem;
  padding-bottom:1rem;
  width:100%;
  height:3.1rem;
}
.user-footer h3{
  position:relative;
  display: block;
  height:1rem;
  line-height:1rem;
  font-size:0.29rem;
  text-align:center;
  color: #cdcdcd;
  font-weight:lighter;
  font-size:0.3rem;
}
.user-footer h3:after{
  content:" ";
  top:50%;
  transform:translate(0,-50%);
  position:absolute;
  left:11%;
  height:1px;
  width:20%;
  background:#F6F6F6;
}
.user-footer h3:before{
  content:" ";
  top:50%;
  transform:translate(0,-50%);
  position:absolute;
  right:11%;
  height:1px;
  width:20%;
  background:#f3f3f3;
}
.user-footer>div{
  text-align:center;
  margin-top:0.1rem;
}
.user-footer>div img{
  width:0.6rem;
  display: inline-block;
  margin:0px 0.3rem;
}

.commonStatusTitle{
    height: 2.1rem;
}
.commonStatusTitle .tableTitle{
    line-height: 1rem;
    height: 1rem;
    position:relative;
    text-align:center;
}
.commonStatusTitle .tableTitle a{
    color:#2f2f2f;
    position:relative;
    font-size:0.345rem;
    font-weight:normal;
    display:inline-block;
    margin-right:0.5rem;
}
.commonStatusTitle .tableTitle a:nth-last-child(1){
    margin-right:0;
}
.commonStatusTitle .tableTitle a.hover{
    color:#FF2626;
}
.commonStatusTitle .tableTitle a.hover:after{
    content:" ";
    position:absolute;
    bottom:0;
    left:25%;
    background:#FF2626;
    width:50%;
    height:3px;
    border-radius:3rem;
}
.commonStatusTitle .status{
    padding:0.25rem 0.35rem;
    overflow-x: auto;
    white-space:nowrap;
    -webkit-overflow-scrolling: touch;
}
.commonStatusTitle .status::-webkit-scrollbar {
    display: none;
}
.commonStatusTitle .status a{
    display: inline-block;
    color:#8A8A8A;
    font-size:0.27rem;
    font-weight:normal;
    padding:0px 0.22rem;
    text-align:center;
    margin-right:0.15rem;
    height:0.6rem;
    line-height:0.6rem;
    border-radius:3rem;
}
.commonStatusTitle .status a font{
  font-size:11px;
  top:-0.02rem;
  position:relative;
  margin-left:0.1rem;
}
.commonStatusTitle .status a.hover{
    background:#FFEDED;
    color:#FF6868;
}
.whiteBg{
    background:#FFF;
}

.public-title{
  width:calc(100% - 0.5rem);
  margin:0px auto;
  color:#333;
  font-size:0.33rem;
  height:1rem;
  line-height:1rem;
  background:#FFF;
  overflow:hidden;
  position:relative;;
}
.public-title .back{
  width:1.2rem;
  height:1rem;
  float:left;
}
.public-title .back img{
  vertical-align: middle;
  height:0.35rem;
  margin-top:-0.02rem;
  margin-right:0.2rem;
}
.public-title .h3{
  height:1rem;
  line-height:1rem;
  display: block;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  max-width:calc(100% - 1.2rem - 1.2rem);
  padding:0px 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.public-title .right{
  width:1.2rem;
  float:right;
  height:1rem;
}

/*底部分享*/
.comPop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}
.m-invitePop .u-wrap{
    background:rgba(232,232,232,1);
    border-radius: 0.3rem 0.3rem 0 0 ;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.m-invitePop ._close{
    text-align: center;
    line-height:1rem;
    background: #ffffff;
    font-size: 0.31rem;
    color:rgba(52,52,52,1);
    letter-spacing: 2px;
}
.m-invitePop .hdAmend{
	padding:0 3%;
    display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    padding-top:0.6rem;
}
.m-invitePop ._hdWrap{
	width:25%;
	margin-bottom:0.4rem;
}
.m-invitePop ._icoWrap{
    width: 1.2rem;
    margin: 0 auto;
    height:  1.2rem;
    line-height:  1.2rem;
    text-align: center;
    background:rgba(246,246,246,1);
    border-radius: 0.3rem;
    text-align:center;
}
.m-invitePop ._icoWrap img {
    width: 0.7rem;
    vertical-align: middle;
    margin-top:-0.02rem;
}
.m-invitePop ._spec{
    padding-top: 0.22rem;
    font-size: 0.24rem;
    color:rgba(154,154,154,1);
    text-align: center;
}

.checkboxDiv{
  top:calc((0.8rem - 0.48rem) / 2);
  width: 1.06rem;
  height: 0.48rem;
  border-radius: 2rem;
  background-color: #eee;
  position: relative;
  display: inline-block;
  transition: background-color .3s;
}
.checkboxDiv .checkboxBtn{
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 2rem;
  background: #FFF;
  position: absolute;
  top: 0.05rem;
  left: 0.07rem;
  transition: left .3s;
}
.checkboxDiv.active{
  background-color: #54acf8;
}
.checkboxDiv.active .checkboxBtn{
  left: 0.63rem;
}
.pageload{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.shadow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    z-index:1000;
}
.user-btn{
  background:linear-gradient(to right,#ff2626 0%,#fd6e1f 70%);
  border:0;
  border-radius:0.05rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  padding:0;
  margin:0;
  font-size:0.36rem;
  color:#FFF;
  margin-top:1.2rem;
  outline: none;
  display: block;
  width:100%;
}
.minHeightFull .blocked{
	position:static;
	transform: translate(0);
}
.loadFull .blocked{
	position:absolute;
	top:40%;
	left:50%;
	transform: translate(-50%,-50%);
	color:#c2c2c2;
	font-size:0.28rem;
	text-align:center;
}
.loadFull .blocked font{
	color:#83b4ff;
}
.loadFull .blocked img{
	display: block;
	width:5rem;
	margin:0px auto;
	margin-bottom:0.6rem;
} 
.taskGender{
	position:absolute;
	right:-0.23rem; 
	bottom:-0.23rem; 
	width:0.95rem;
	height:0.95rem;
	transform:rotate(-40deg);
}